<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTTP状态码</title>
    <link rel="stylesheet" href="./flex.css">
    <style>
        /* css reset */
        /* 嵌入样式 */
        
    </style>
</head>
<body>
    <div class="page">
        <div class="page__hd">
            <div class="page__tile">Flex</div>
            <div class="page__desc">Flex布局</div>
        </div>
        
        <div class="page__bd page__bd_spacing">
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <div class="placeholder">weui</div>
                </div>
            </div>
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <div class="placeholder">weui</div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder">weui</div>
                </div>
            </div>
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <div class="placeholder">weui</div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder">weui</div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder">weui</div>
                </div>
            </div>
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <div class="placeholder">weui</div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder">weui</div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder">weui</div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder">weui</div>
                </div>
                
            </div>
            
        </div>

        
        <div class="page__ft">
            <!-- //行内样式 一般不这样写 优先级更高 -->
            <a href="javascript:home()" style="color:white";>
                <!-- img 标签也会发出http请求的 -->
                <img src="https://weui.io/images/icon_footer_linnk.png" alt="">
            </a>
        </div>
    </div>
    

    <script>
        //typeof 不靠谱
        //js 函数 是一等对象
        function home(){
            //通过js 跳转到 /home 页面
            //window 全局对象 
            // location 属于 BOM对象    Browser 浏览器 对象模型   
            //DOM对象
            window.location.href='/home';
        }
        console.log(typeof home);
    </script>
</body>
</html>